import { View } from '@tarojs/components';
import s from './index.module.scss'
import Card from 'components/CodeCard';
import code from './code.md'

function Animation() {

  return(
    <View>
      <Card 
      title='opacity' 
      desc='opacity 给元素设置透明度，默认是 1，上面的动画就是从 1 变到 0 的透明变化，也可以设置 0.1，0.2 等'
        renderCode={() => (
           <wemark md={code} link highlight type='wemark' />
          )
        }
      >
        <View className={s.container}>
          <View className={s.box1}>mybox</View>
          <View className={s.box2}></View>
        </View>
      </Card>
    </View>
  )
}

export default Animation;